$(function () {
  //初始化：是否开启DIV弹出窗口功能
  //0 表示开启; 1 表示不开启;
  let popupStatus = 0;

  //使用Jquery加载弹窗
  function loadPopup(){
    //仅在开启标志popupStatus为0的情况下加载
    if(popupStatus==0){
      $("#MainForm").fadeIn("slow");
      $("#popupContact").fadeIn("slow");
      popupStatus = 1;
    }
  }

  //使用Jquery去除弹窗效果
  function disablePopup(){
    //仅在开启标志popupStatus为1的情况下去除
    if(popupStatus==1){
      $("#popupContact").fadeOut("slow");
      popupStatus = 0;
    }
  }

  //将弹出窗口定位在屏幕的中央
  function centerPopup(){
    //获取系统变量
    let windowWidth = document.documentElement.clientWidth;
    let windowHeight = document.documentElement.clientHeight;
    // let popupHeight = $("#popupContact").height();
    let popupWidth = $("#popupContact").width();

    //居中设置
    $("#popupContact").css({
      "position": "absolute",
      "top": 5,
      "left": windowWidth/2-popupWidth/2-50
    });

    //以下代码仅在IE6下有效
    $("#backgroundPopup").css({
      "height": windowHeight
    });
  }


  //打开弹出窗口
  $(".modify", this).click(function(){
    //点击对象的data-value值
    console.log($(this).data('value'));
    $('#MainForm').hide();
    //调用函数居中窗口
    centerPopup();
    //调用函数加载窗口
    loadPopup();
  });


  //关闭弹出窗口
  $("#cancel").click(function(){
    disablePopup();
  });

});

